<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的运动数据</title>
</head>

<body>
    <div class="app-mySportData dpflex fdcolumn">
        <div class="mySportData-top">
            <!-- 头部 我的运动数据 -->
            <div class="head">
                <span class="iconfont icon-xiangzuo" id="returnTop"></span>
                <div class="head-bottom">
                    <p>我的运动数据</p>
                    <img src="../imgs/dog.jpg" alt="">
                </div>
            </div>
            <!-- 总数据 -->
            <div class="sumData">
                <div class="left">
                    <p class="title">总运动</p>
                    <p class="num"> <span id="times">99999</span>分钟</p>
                </div>
                <div class="dasline"></div>
                <div class="right">
                    <p class="title">本周消耗</p>
                    <p class="num"> <span id="calorie">99999</span> 千卡</p>
                </div>
            </div>
            <!-- 累计打卡 -->
            <div class="sumClock dpflex">
                <div class="consume dpflex fdcolumn">
                    <p class="msg">消耗(千卡)</p>
                    <p>999999</p>
                </div>
                <div class="day dpflex fdcolumn">
                    <p class="msg">累计(天)</p>
                    <p>999</p>
                </div>
                <div class="continu dpflex fdcolumn">
                    <p class="msg">连续(天)</p>
                    <p>999</p>
                </div>
            </div>
        </div>
        <div>
            <div class="main dpflex" id="main1"></div>
            <div class="main dpflex" id="main2"></div>
            <div class="main dpflex" id="main3"></div>
            <div class="main dpflex" id="main4"></div>
        </div>
    </div>
</body>

</html>